<template>
  <div>
    <div class="title" style="margin: 30px">
      <h3
        style="text-align: center"
        class="animation-slide-top appear-no-repeat"
        data-plugin="appear"
        data-animate="slide-top"
        data-repeat="false"
      >
        选择丰烁
      </h3>
    </div>
    <div class="container">
      <div class="row addbgc">
        <div class="col-md-3 d-flex col-sm-6">
          <a href="/custom/18?id=1&page=1&pagsize=10">
            <div class="four">
              <img
                src="http://www.gdmn88.com/upload/202006/1593142482.jpg"
                alt=""
              />
              <p>
                丰烁，始终把食品安全放在首位。先后投资数十万元，购进整套食品检测设备，累计检测肉类、禽类、蔬菜类、油米调类等食品980批次，迄今为止，食品安全事故为“0”
              </p>
            </div>
          </a>
        </div>

        <div class="col-md-3 d-flex col-sm-6">
          <a href="/custom/18?id=2&page=1&pagsize=10">
            <div class="four">
              <img
                src="http://www.gdmn88.com/upload/202008/1597797173.png"
                alt=""
              />
              <p>
                “丰烁”所有食品进购，严控源头，20年来，处理不合格肉类食品1000kg,
                过期食品800kg,劣质大米1500kg,未通过检验检疫境外冻品1300kg.客户食物质量投诉率为“0”
              </p>
            </div>
          </a>
        </div>
        <div class="col-md-3 d-flex col-sm-6">
          <a href="/custom/18?id=3&page=1&pagsize=10">
            <div class="four">
              <img
                src="http://www.gdmn88.com/upload/202008/1597797704.png"
                alt=""
              />
              <p>
                “丰烁”对所有合作企业食堂，特别注重环境改造、升级。迄今为止，投资500多万元对食堂，进行了内部装修及环境改造，打造了50家+标准化食堂，30家+现代化食堂。
              </p>
            </div>
          </a>
        </div>
        <div class="col-md-3 d-flex col-sm-6">
          <a href="/custom/18?id=4&page=1&pagsize=10">
            <div class="four">
              <img
                src="http://www.gdmn88.com/upload/202009/1599471004.png"
                alt=""
              />
              <p>
                在服务质量方面，我们始终在服务水平、服务顾客、服务连贯性上夯基固本，因为我们深深知道服务的“100-1=0”效应。持续20年，合作客户服务质量满意率98%。
              </p>
            </div>
          </a>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {}
</script>

<style scoped>
.container a:hover {
  text-decoration: none;
}
.four {
  color: #fff;
}
.four p {
  padding: 20px;
  font-size: 14px;
}
.four img {
  width: 100%;
}
.addbgc > div:nth-child(1) .four {
  background-color: #58b8ad;
}
.addbgc > div:nth-child(2) .four {
  background-color: #65f0e7;
}
.addbgc > div:nth-child(3) .four {
  background-color: #702900;
}
.addbgc > div:nth-child(4) .four {
  background-color: #b80e28;
}
</style>
